<%@ page pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Création d'une proposition</title>
        <link type="text/css" rel="stylesheet" href="<c:url value="/inc/style.css"/>" />
    </head>
    <body>
    	
    	<c:import url="/inc/menu.jsp" />
    	
        <br />
        <c:import url="/adminFourn/inc/menuFourn.jsp" />
        <p>Formulaire de création d'une proposition : </p>
        
        <form method="post" action="<c:url value="/adminFourn/creationProposition"/>">
        	<label>Description de la proposition<span class="requis">*</span></label>		
	        <textarea rows="4" cols="50" id="descProp" name="descProp"><c:out value="${ proposition.getDescription() }"/></textarea>
			<span class="erreur">${form.erreurs['descProp']}</span>
			<br />
	        
	        <label>Description de la gamme<span class="requis">*</span></label>
	        <textarea rows="4" cols="50" id="descGamme" name="descGamme"><c:out value="${ proposition.getGammeProposer().getDescription() }"/></textarea>
			<span class="erreur">${form.erreurs['descGamme']}</span>
			<br />
			
			<label>Nom du produit<span class="requis">*</span></label>
			<input type="text" id="nomProduit" name="nomProduit" value="<c:out value="${ proposition.getGammeProposer().getProduitG().get_nomP() }"/>" size="30" maxlength="60" />
			<span class="erreur">${form.erreurs['nomProduit']}</span>
			<br />
			
			<label>Quantitée<span class="requis">*</span></label>
			<input type="text" id="qte" name="qte" value="<c:out value="${ proposition.getGammeProposer().getProduitG().get_qteQtock() }"/>" size="30" maxlength="60" />
			<span class="erreur">${form.erreurs['qte']}</span>
			<br />
			
			<label>Prix unitaire<span class="requis">*</span></label>
			<input type="text" id="prixUnitaire" name="prixUnitaire" value="<c:out value="${ proposition.getGammeProposer().getProduitG().getPuP() }"/>" size="30" maxlength="60" />
			<span class="erreur">${form.erreurs['prixUnitaire']}</span>
			<br />
			
			<label>Description du produit<span class="requis">*</span></label>
	        <textarea rows="4" cols="50" id="descProd" name="descProd"><c:out value="${ proposition.getGammeProposer().getProduitG().getDescription() }"/></textarea>
			<span class="erreur">${form.erreurs['descProd']}</span>
			<br />
			
			<label>Catégorie : </label>
			<select name="categorie">
				<c:forEach items="${ categories }" var="mapCategories" varStatus="boucle">
			    	<option value="${ mapCategories.value.getRef() }"><c:out value="${ mapCategories.value.getDescription() } - ${ mapCategories.value.getSousCategorie().getDescription()}"/></option>
		     	</c:forEach>
	     	</select><br />
	     	
		    <%-- Choix options --%>
	    					<c:if test="${options.size() > 0}">
						    	<p>Choix option: </p>
					    		<c:forEach items="${ options }" var="mapOptions">
						    		<c:choose>
						    		
	    								<%-- Option Couleur --%>
										<c:when test="${ mapOptions.value.getRef()=='OPT_C' }">
											<label for="OPT_C">Couleur :</label>
											<select name="OPT_C" id="OPT_C">
												<option value="Noir" selected="selected"></option>
					    						<c:forEach items="${ fn:split(mapOptions.value.getDescription(),'|') }" var="tabCouleur">
							          				<option value="${tabCouleur}">${tabCouleur}</option>
			                					</c:forEach>
							        		</select>
							        		${ mapOptions.value.getPxO() } €<br />
										</c:when>
			
	    								<%-- Option Capacité --%>
										<c:when test="${ mapOptions.value.getRef()=='OPT_D' }">
											<label for="OPT_D">Capacité :</label>
											<select name="OPT_D" id="OPT_D">
												<option value="Desault" selected="selected">16Go</option>
					    						<c:forEach items="${ fn:split(mapOptions.value.getDescription(),'|') }" var="tabCapacity">
							          				<option value="${tabCapacity}">${tabCapacity}</option>
			                					</c:forEach>
							        		</select>
							        		${ mapOptions.value.getPxO() } €/Go<br />
										</c:when>
										
	    								<%-- Option Wifi/3G --%>
	    								<c:when test="${ mapOptions.value.getRef()=='OPT_W' }">
			       							<label for="OPT_W">${ mapOptions.value.getDescription() }</label>
			       							<input type="checkbox" name="OPT_W" id="OPT_W" />
							        		${ mapOptions.value.getPxO() } €<br />
										</c:when>
										<c:otherwise>
										</c:otherwise>
									</c:choose>
			                	</c:forEach>
   							</c:if>
			<br />
			<label>Liste des accessoires : </label><br />
					<c:forEach items="${ accessoires }" var="mapAccessoires" varStatus="boucle">
			    <input type="checkbox" name="${ mapAccessoires.value.getRef() }" value="${ mapAccessoires.value.getRef() }"><c:out value="${ mapAccessoires.value.getDescription() }"/><br />
		    </c:forEach>
		    
			<p class="info">${ form.resultat }</p>
            <input type="submit" value="Valider"  />
            <input type="reset" value="Remettre à zéro" /> <br />
		</form>
    </body>
</html>